<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>EvalTab_page-2</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="robots" content="index, follow">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
        <link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
        <!-- build:css css/style.min.css-->
        <link rel="stylesheet" href="css/style.css">
        <!-- endbuild-->
        <!-- build:js js/modernizr.min.js-->
        <script src="js/modernizr.js"></script>
        <!-- endbuild-->
    </head>
    <body>
        <div id="container">
            <aside id="sidebar">
                <div class="header-sidebar"><a href="homepage.html" title="Orange" class="logo"><img src="images/logo.png" alt="Orange"></a>
                    <h1>my coach’app</h1>
                </div>
                <div class="inner">
                    <div class="soft"><span class="sort-name">par-day</span><span class="icon-arrow icon-arrow-down"></span></div>
                    <div class="list-sidebar">
                        <ul class="list-info">
                            <li class="active">
                                <div class="list-people"><a href="javascript:;" class="icon-delete"></a><span>Cédric Coubert</span></div>
                                <div class="info-active">
                                    <div class="info"><img src="images/manager.jpg" alt="manager">
                                        <div class="info-left">
                                            <h2>André Marc</h2>
                                            <p class="date">Date :<span>10/06/2013</span></p><a href="#" title="nouveau" class="btn">nouveau</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="list-people"><a href="javascript:;" class="icon-delete"></a><span>Antoine Fardi</span></div>
                                <div class="info-active">
                                    <div class="info"><img src="images/manager.jpg" alt="manager">
                                        <div class="info-left">
                                            <h2>André Marc</h2>
                                            <p class="date">Date :<span>10/06/2013</span></p><a href="#" title="nouveau" class="btn">nouveau</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="list-people"><a href="javascript:;" class="icon-delete"></a><span>Sandrine Quorat</span></div>
                                <div class="info-active">
                                    <div class="info"><img src="images/manager.jpg" alt="manager">
                                        <div class="info-left">
                                            <h2>André Marc</h2>
                                            <p class="date">Date :<span>10/06/2013</span></p><a href="#" title="nouveau" class="btn">nouveau</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="list-people"><a href="javascript:;" class="icon-delete"></a><span>Alice De La Roche</span></div>
                                <div class="info-active">
                                    <div class="info"><img src="images/manager.jpg" alt="manager">
                                        <div class="info-left">
                                            <h2>André Marc</h2>
                                            <p class="date">Date :<span>10/06/2013</span></p><a href="#" title="nouveau" class="btn">nouveau</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="control-sidebar"><a href="javascript:;" title="ajouter" class="btn-link add-btn"><img src="images/ajouter.png" alt="ajouter"><span>ajouter</span></a><a href="javascript:;" title="archiver" class="btn-link remove-btn"><img src="images/archiver.png" alr="archiver"><span>archiver</span></a></div>
                </div>
            </aside>
            <div class="inner">
                <section class="tab-1">
                    <ul class="tab-header">
                        <li class="active"><a href="#" title="Découvrir">Découvrir</a></li>
                        <li><a href="#" title="Comprendre">Comprendre</a></li>
                        <li><a href="#" title="Analyser">Analyser</a></li>
                        <li><a href="#" title="Approfondir">Approfondir</a></li>
                        <li><a href="#" title="Argumenter">Argumenter</a></li>
                        <li><a href="#" title="Accompagner">Accompagner</a></li>
                    </ul>
                    <section class="wrap-tabs-content">
                        <section class="tabs-content">
                            <div class="inner">
                                <ul class="content-eval">
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">3</span><a href="#" title="" class="active">+</a></div>
                                        <div class="content">
                                            <p>Découvre le contexte du client, sans a priori, cherche à identifier les enjeux et les douleurs du client</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">3</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Recherche les problèmatiques techniques ou d’usages de façon ouverte</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">3</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Met en évidence les conséquences commerciales/techniques</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">2</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Provoque la demande de solution</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">2</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Reconstitue l’organigramme et une matrice d’influence</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">0</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Fait accepter un questionnement approfondi (organisation, usages, technique...)</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">3</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Écoute activement et reformule efficacement sa compréhension</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">1</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Adopte une attitude de “conseil”</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">2</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Cherche à identifier de nouveaux interlocuteurs</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="control"><a href="#" title="">-</a><span class="number-1">1</span><a href="#" title="">+</a></div>
                                        <div class="content">
                                            <p>Montre une véritable volonté d’immersion</p>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="note">
                                    <li>0<sup>non acquis</sup></li>
                                    <li>1<sup>en cours d’acquisition</sup></li>
                                    <li>2<sup>maîtrise</sup></li>
                                    <li>3<sup>référent</sup></li>
                                </ul>
                            </div>
                            <div class="result">
                                <p>total<span class="number">19</span><span class="poiter">/</span><span class="total">30</span></p>
                                <input type="submit" name="btn-connect" id="btn-connect" value="valider" class="btn"/>
                            </div>
                        </section>
                    </section>
                </section>
            </div>
        </div>
        <!-- build:js js/libs.min.js-->
        <script src="js/libs.js"></script>
        <!-- endbuild-->
        <!-- build:js js/l10n.min.js-->
        <script src="js/l10n.js"></script>
        <!-- endbuild-->
        <!-- build:js js/plugins.min.js-->
        <script src="js/plugins.js"></script>
        <!-- endbuild-->
    </body>
</html>